5
תגובות

CSS | מה גובר על מה

פתח OrelBeY ,
נניח שיש לי 2 עמודי CSS שמקושרים לדף שלי. בשניהם אותם מאפיינים, אבל עם ערכים שונים, כך שיש סתירות ביניהם.
באחד העמ' כתוב פעמיים אותה תכונה, עם ערכים שונים.
לדוגמה:
בקובץ הCSS הראשון:
body {font-size:10pt;}
body {font-size: 20pt;}


וקובץ ה-CSS שמקושר לאחר מכן:
body {font-size: 30pt;}


לפי מה שאני הבנתי בהתחלה, האחרון (30pt) אמור לגבור, אבל כבר ראיתי כמה פעמים שזה לא כך.
אז מה גובר על מה?

5 תשובות

avatar ענה intval ב 02 למרץ 2012 #

באופן כללי הסדר הוא כזה:
אם יש למשהו important אז הוא הקובע.
אם אין, אז ל inline style שמופיע בתור attribute יש יותר כוח
ואחרי זה המאוחר יותר מכולם.

כלומר במקרה שלך יתפוס הערך מהקובץ השני.

avatar ענה nfsalon ב 02 למרץ 2012 #

מחזק את אלכס, כל עוד לא הוגדר important! אז הסגנון האחרון מביניהם תופס, בעוד שסגנון ה-inline מעל כולם (לא בטוח אם מעל ה-important או לא).

בקשר לנקודה שהעלית שהאחרון לא גובר מידי פעם, אולי זה בגלל שגיאה בקוד.

avatar ענה intval ב 02 למרץ 2012 #

important גם מעל ה inline
אלה אם כן גם ל inline יש important

avatar ענה OrelBeY ב 02 למרץ 2012 #

אני יודע את מה שכתבתם. :)
אשתדל לנסות לתפוס את הבעיה בפעם הבאה ולשאול פה. ^^
תודה והמשך יום נעים. :)

avatar ענה Ferox ב 02 למרץ 2012 #

זה הולך ככה:
important
inline
קובץ אחרון.